<template>
	<j-card #default :radius="20" class="text-center">
		<!-- 暂未开通套餐 -->
		<view>
			<text v-if="channelAdd">[{{channelAdd}}{{$t('JLink.order.list.message.channel')}}]</text>
			{{$t('JLink.buy.unBuy.title')}}
		</view>
		<!-- xmc.css 开通后，只要摄像机触发报警，就会上传报警录像和图片至云端存储，套餐类型决定循环覆盖周期，套餐显示时长为服务时长。 -->
		<view class="text-sm margin-top-sm padding-lr" style="word-break: break-all;">
			<text v-if="urlParams.classifyId==='xmc.css'">{{$t('JLink.buy.unBuy.content')}}</text>
		</view>
	</j-card>
</template>

<script>
export default {
	props:{
		urlParams:{
		  type:Object,
		  default:()=>{
			return{}
		  }
		}
	  },
	data() {
	    return {

		}
	},
    computed:{
        channelAdd(){
			const { channel } = this.urlParams;
			if(channel&&channel!='-1'){
				return Number(channel)+1
			}else{
				return 0
			}
       },
  
    },
	methods: {
	}
}
</script>

<style lang="less" scoped>
	@import '@/common/style/main.css';
</style>